import * as WxButtonStory from './WxButton.stories.tsx';
import { Canvas, Meta } from '@storybook/blocks';

<Meta of={WxButtonStory}/>

# WxButton

## 基本用法
WxButton灵感来源于微信朋友圈的定位按钮，组件基于antd-mobile的Button组件封装，最基本的用法是作为表单元素。
WxButton基于antd-mobile封装，完全适配antd-mobile和antd的Form组件。
<Canvas of={WxButtonStory.Basic} />

含有初始值的WxButton
<Canvas of={WxButtonStory.BasicWithValue}/>

改变激活颜色
## 自定义Icon
WxButton可以设置前置和后置Icon，组件默认给予微信样式给予前置和后置Icon

### 不使用Icon
<Canvas of={WxButtonStory.NoIcon} />

### 使用自定义Icon

<Canvas of={WxButtonStory.CustomIcon} />

## 事件

### 点击事件

<Canvas of={WxButtonStory.ClickEvent} />

